/*index css start*/
/* top */
.top_main{position:relative;width:100%;font-size:14px;line-height:35px;color:#333;background:#ecf3f7;z-index:20;}
.top_main .top_r li{float:left;position: relative; *display: block; *zoom: 1; text-align: center;}
.top_main .top_r li:first-child{margin-right:26px;}
.top_main .top_r .webMap{padding-left: 30px;float:left;background:url("../images/webIco.png") no-repeat left center;}
.top_main .top_r .mobile{padding-left: 16px;background:url("../images/mobileIco.png") no-repeat left center;}
.top_main .top_r .imgbox{width: 160px; position: absolute; top: 35px; left: 50%; margin-left:-80px; background: #e5322d; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; color: #fff; padding: 10px; display: none;z-index:99;}
.top_main .top_r .imgbox img{width: 160px; height: 160px; display: block; margin: 0 auto;}
.top_main .top_r .imgbox span{font-size:16px;line-height:40px;}
.top_main .top_r .mobile:hover a{color:#e5322d;}
.top_main .top_r .line{margin-top:18px;padding:0 12px;display:block;width:5px;height:5px;background:url("../images/tpoint.png") no-repeat center center;background-size:5px 5px;}
.top_main .top_r a:hover{color:#e5322d;}

/* header */
.header_main{position:relative;width:100%;height:114px;background:#fff;}
.header_main .header .logo{padding-top:26px;}
.header_main .logo .webLogo{float: left;display:block;width: 211px;height: 61px;}
.header_main .webLogo img{display:block;width:100%;height:100%;}
.header_main .logo .line{margin-top: 10px;margin-left:20px;float:left;display:block;width:1px;height:46px;background:#ccccce;}
.header_main .logo .slogan{float:left;margin-left: 24px;}
.header_main .logo .slogan .txt{font-weight:bold;font-size: 22px;line-height: 24px;color:#e5322d;}
.header_main .slogan .links{margin-top: 6px;position:relative;width:378px;}
.header_main .slogan .links .list{height:31px;}
.header_main .slogan .links li{float:left;margin-right:8px;}
.header_main .links li a{display:block;width: 105px;height: 31px;font-size: 14px;line-height: 31px;text-indent:30px;background: url(../images/linksIco.png) no-repeat;}
.header_main .links li:hover a{color:#fff;background: url(../images/linksIco_h.png) no-repeat;}
.header_main .links .arrow{position:absolute;top:0;right:112px;display:block;width:40px;height:31px;background:url("../images/links_arr.png") no-repeat;cursor: pointer;}
.header_main .right{float: right;position:relative;}
.header_main .right .topsearch{margin-top:50px;margin-right:300px;position:relative;}
.header_main .t_searcher{display:block;width:178px;height:33px;border:1px solid #cccccd;border-radius:16px;}
.header_main .t_searcher .stxt{margin-left:10px;padding:4px 10px;font-size:14px;line-height:25px;width:124px;height:25px;color:#666;outline: none;border:none;border-radius:16px;}
.header_main .t_searcher .sbtn{position:absolute;top:1px;right:12px;display:block;width:21px;height:31px;border:0 none;cursor: pointer;background:url("../images/searchIco.png") no-repeat center center;outline:none;}
.header_main .tel_main{padding-top:30px;position:absolute;top:0;right:0;}
.header_main .zx{padding-left:24px;height:20px;font-size:16px;line-height:20px;color:#333;background:url("../images/telIco1.png") no-repeat left center;}
.header_main .webTel{margin-top:6px;font-weight:bold;font-family: arial;font-size:36px;line-height: 36px;color:#e5322d;}

/*nav*/
.nav_main{position:relative;width:100%;height:54px;line-height:54px;text-align:center;color:#fff;background-color:#000;z-index:14;}
.nav_main ul{display:inline-block;*display: inline;*zoom: 1;z-index:12;}
.nav_main ul .subli{float:left;display:block;width:150px;height:54px;line-height:54px;text-align: center;vertical-align: top;z-index:12;}
.nav_main ul .subli .alink{display:block;*display: inline-block;font-size:18px;position:relative;width:100%;overflow: hidden;color:#fff;}
.nav_main ul .subli.hover .alink,.nav_main ul .subli:hover .alink{font-weight:bold;background:url("../images/navli_h.png") no-repeat center center;}

/* 产品下拉 */
.nav_main .carbox{position: absolute;height: 610px;width: 1920px;left: 50%;top: 54px;margin-left:-960px;background: rgba(34,34,34,0.85);z-index:12;display:none;}
.nav_main .carbox .probox{position:relative;}
.nav_main .carbox .item{margin-bottom:14px;width: 300px;*margin-left: -900px;height: 80px;line-height: 80px;cursor:pointer;}
.nav_main .carbox .item h3{margin: 0 30px;height: 79px;line-height: 79px;border-bottom: 1px solid #333333;text-indent: 0;text-align: left;}
.nav_main .carbox .item h3 a{font-size: 14px;color: #fff;display: block;}
.nav_main .carbox .item h3 img{ height: 70px;float: right;display: block;margin-top: 5px;}
.nav_main .carbox .item h3 s{width: 10px;height: 14px;margin: 0 8px 0 0;background-position: 0 -23px;}
.nav_main .carbox .item .imgbox{width: 600px;height: 450px;overflow: hidden;display: block;position: absolute;right: 30px;top: 0;display:none;}
.nav_main .carbox .item .imgbox img{display:block;width: 600px;height: 450px;}
.nav_main .carbox .item.hover .imgbox{display:block;}
.nav_main .carbox .item:hover{background: #151515;}
.nav_main .carbox .item:hover h3{border-bottom: 0px;}
.nav_main .carbox .item:hover h3 a{color:#e5322d;}
.nav_main .carbox .item:first-child{margin-top:30px;}

/* 普通下拉 */
.navbg{width: 100%; height: 350px; position: absolute; left: 0; top: 54px; background: rgba(34,34,34,0.85);display:none;}
.navbg.hide{display:none!important;}
.nav_main li .sub-box{width: 100%; position: absolute; left: 0; top: 54px; height: 340px; padding-top: 10px; border-right: 1px solid #666; display:none;}
.nav_main li .sub-box a{color: #fff !important; text-align: center; line-height: 50px; height: 50px; padding: 0; overflow: hidden; display: block; margin: 0; font-size: 14px;}
.nav_main li .sub-box a:hover{color: #e5322d !important;}
.nav_main li:hover .sub-box{background: rgba(0,0,0,0.2);}
.nav_main li.relative{position:relative;}

/*foot_main*/
.footer_main{position:relative;width:100%;height:420px;background:#222;}
.footer_main .footer{padding-top:70px;height:230px;}
.footer_main .left{float:left;display:block;width:220px;}
.footer_main .btlogo{display:block;width:210px;height:61px;}
.footer_main .btlogo img{display:block;width:210px;height:61px;}
.footer_main .tel-box{margin-top:30px;}
.footer_main .tel-box .zx{padding-left:20px;font-size:14px;color:#ccc;background:url("../images/telIco3.png") no-repeat left center;}
.footer_main .tel-box .webTel{margin-top:12px;font-family:arial;font-size:30px;line-height:24px;color:#eee;}
.footer_main .middle{float:left;padding-top:3px;margin-left:60px;width:604px;overflow: hidden;}
.footer_main .middle .list li{float:left;width:120px;padding:0 0 0 30px;display:block;list-style:none;line-height:32px;text-align:left;overflow:hidden;min-height:104px;}
.footer_main .middle .list li a{display:block;font-size:18px;line-height:32px;color:#ddd;}
.footer_main .middle .list li .line{margin-top:14px;margin-bottom:4px;display:block;width:20px;height:1px;background:#666;}
.footer_main .middle .list .drop{padding-top:10px;}
.footer_main .middle .list .drop a{display:block;width:100%;font-size:14px;line-height:28px;color:#999;}
.footer_main .middle .list li a:hover{color:#e5322d;}
.footer_main .middle .list .drop a:hover{color:#e5322d;}
.footer_main .right{float:right;padding-top:10px;}
.footer_main .right .qrcode{float:left;}
.footer_main .right .qrcode{margin-right:20px;}
.footer_main .right .qrcode:last-child{margin-right:0px;}
.footer_main .right .qimg{float:left;display:block;width:120px;height:120px;background:#999;}
.footer_main .right .qimg img{display:block;width:120px;height:120px;}
.footer_main .right .qrcode .tit{font-size:14px;line-height:40px;text-align:center;color:#999;}
.footer_main .copyright_main{position:absolute;width:100%;height:50px;bottom:0;background:#151515;overflow:hidden;}
.footer_main .copyright{font-size:12px;color:#999;}
.footer_main .copyright .copy{float:left;height:50px;line-height:50px;}
.footer_main .copyright a{color:#999;}
.footer_main .copyright em{margin:0 5px;}
.footer_main .copyright .jszc{float:right;height: 50px;line-height:50px;}
.footer_main .copyright .jszc span{height:50px;}
.footer_main .copyright a:hover{color:#e5322d;}
@media (max-width: 1440px){
.footer_main .right{float:right;padding-top:10px;margin-right: 90px;}
}

/*banner*/
.banner{position: relative;width: 100%;min-width: 1000px;padding:0 0 30.442%;overflow: hidden; }
.banner .list{width: 100%;display:inline-block;}
.banner .list li{width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff;}
.banner .list li a{width: 100%; display: block; height: 100%;}
.banner img{width: 100%; height: 100%; display: block; position: relative; left: 0; top: 0;}
.banner .prev,
.banner .next{width: 50px; height: 50px; position: absolute; left: 10%; background:url("../images/bprev.png") no-repeat; z-index: 10; top: 50%; margin-top: -25px; cursor: pointer; transition: ease-in-out 0.2s; opacity: 0.7; filter: alpha(opacity=70);}
.banner .next{left: auto; right: 10%; background:url("../images/bnext.png") no-repeat;}
.banner .next:hover{opacity: 1; filter: alpha(opacity=100);}
.banner .prev:hover{opacity: 1; filter: alpha(opacity=100);}
.banner .tip{position: absolute; width: 100%; left: 0; bottom: 38px; height: 14px; z-index: 3; text-align: center;}
.banner .tip li{margin: 0 10px; width: 50px; height: 5px; line-height: 10px; text-align: center; cursor: pointer; font-size: 0; font-weight: bold; overflow: hidden; display: inline-block; background: #fff; border-radius:4px; *display: inline; *zoom: 1; transition: ease-in-out 0.2s;}
.banner .tip li.cur{width:50px;background: #d53936;}

.index .index_title{padding-top:75px;padding-bottom:40px;text-align:center;background: url(../images/titline.png) center center no-repeat;}
.index .index_title .tit{font-weight:bold;font-size: 40px;line-height: 35px;color: #000;}
.index .index_title .subtit{padding-top:20px;font-size:18px;color:#666;}
.index .amore{margin:0 auto;display:block;width:188px;height:45px;font-size:16px;line-height:45px;text-align:center;border-radius:0;color:#fff;background-color:#e5322d;transition:all ease 0.36s;}
.index .amore:hover{width:188px;text-indent:6px;color:#fff;background-color:#222;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}

/*产品中心*/
.index .floor_1_main{padding-bottom:90px;background:#f5f5f5;}
.index .pro_nav{margin-bottom:24px;}
.index .pro_nav .nav_item{margin-left:20px;float:left;display:block;width:182px;height:45px;}
.index .pro_nav .nav_item:first-child{margin-left:0;}
.index .pro_nav .nav_item a{display:block;font-size:14px;line-height: 45px;text-align:center;color:#333;background:url("../images/pronav.png") no-repeat center center;transition:all ease 0.36s;}
.index .pro_nav .nav_item:hover a{color:#fff;background:url("../images/pronav_h.png") no-repeat center center;transition:all ease 0.36s;}
.index .pro_list .item{padding:10px;position:relative;float:left;width: 365px;height: 329px;margin-right: 20px;margin-bottom: 20px;background:#fff;box-shadow: 1px 0 2px rgba(0,0,0,0.2);overflow: hidden;transition:all ease 0.36s;}
.index .pro_list .list{width:105%;}
.index .pro_list .item a{position:relative;display:block;}
.index .pro_list .item .img{position:relative;display:block;width:100%;height:275px;overflow: hidden;}
.index .pro_list .item .txt .tit{float:left;font-size:20px;line-height: 26px;padding-top: 18px;padding-left: 10px;color:222;}
.index .pro_list .item .txt .detail{margin-top:19px;float:right;width: 88px;height: 24px;font-size: 14px;border: 1px solid #e5322d; display:block;text-align: center;border-radius: 3px;margin-right: 10px;color: #e5322d;line-height: 24px;cursor: pointer;}
.index .pro_list .item img{display:block;width:100%;height:100%;transform: scale(1.1);}
.index .pro_list .item .mask{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 10; background: url(../images/mask.png); opacity: 0; filter: alpha(opacity=0);transition: all ease-out .5s;z-index:12;}
.index .pro_list .item .seIco{display:block;width: 45px; height: 45px;position: absolute; left: 50%; margin-left: -22px; top: 50%; margin-top: 0px;transition:all ease 0.36s;z-index:2;display: block; width: 45px; height: 45px; text-align: center; background:url("../images/seIco.png") no-repeat center center; *zoom: 1;}
.index .pro_list .item:hover .mask{opacity: 1; filter: Alpha(opacity=100); }
.index .pro_list .item:hover .seIco{transition: ease-in-out .2s;margin-top: -22px;transition:all ease 0.36s;}
.index .pro_list .item:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);transition:all ease 0.36s;}
.index .pro_list .item:hover img{transition: ease-in-out .2s;transform: scale(1.1);}
.index .pro_list .item:hover .detail{background: #e5322d;color: #fff;border: 1px solid #e5322d;}
.index .floor_1_main .amore{margin-top:40px;}

/* 咨询 */
.inquiryM{position:relative;width: 100%;height: 150px;color: #fff;background: url(../images/inquirybg.jpg) center top no-repeat;background-size: 100% 100%;}
.inquiryM .inquiry{position:relative;height:150px;}
.inquiryM .inquiry .img{position:absolute;bottom:2px;left:-70px;}
.inquiryM .inquiry .txt{float:left;padding-top:36px;padding-left:30px;width:650px;}
.inquiryM .inquiry .txt .subtit{margin-top: 12px;font-size:16px;line-height:22px;color:#fff;}
.inquiryM .inquiry .wx{margin-top:88px;margin-left:30px;float:left;display:block;width: 130px;height:30px;font-size:16px;line-height: 30px;text-align: center;;color:#fff;background-color: #e5322d;transition:all ease 0.36s;}
.inquiryM .inquiry .wx:hover{text-indent: 6px;color: #666;background: #f8c770;border-color:#f8c770;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);transition:all ease 0.36s;}
.inquiryM .tel_box{position: absolute;top:50px;right:0;}
.inquiryM .tel_box .telM{padding-left:58px;background:url("../images/telIco2.png") no-repeat left center;}
.inquiryM .tel_box .telM .zx{font-size:16px;line-height:20px;text-indent:4px;color:#fff;}
.inquiryM .tel_box .telM .webTel{margin-top:10px;font-family: arial;font-weight:bold;font-size:28px;line-height:30px;color:#fff;}
.inquiryM .inquiry1 .img{bottom:12px;}

/* 案例中心 */
.index .floor_2_main{padding-bottom:80px;background:#f5f5f5}
.index .floor_2_main .case_box{padding-top:15px;}
.index .floor_2_main .box1{width: 284px; height: 445px; overflow: hidden;}
.index .floor_2_main .box1 li{width: 100%; position: relative; overflow: hidden; margin-bottom: 18px;}
.index .floor_2_main .box1 li img{width: 100%; height: 213px; display: block;}
.index .floor_2_main .box1 li h3{position: absolute; left: 0; height: 63px; line-height: 53px; background: url(../images/case_txt.png) repeat-x; bottom: 0; width: 100%; transition: ease-in-out .2s;}
.index .floor_2_main .box1 li h3 .fl{font-size: 16px; color: #fff; font-weight: 400; padding-left: 15px;}
.index .floor_2_main .box1 li h3 .fr{width: 26px; height: 26px; background: #fff; text-align: center; line-height: 26px; border-radius: 100%; color: #e5322d; font-size: 18px; margin-right: 15px; margin-top: 10px;}
.index .floor_2_main .box1 li .on{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: url(../images/r8.png) repeat; color: #fff; opacity: 0; filter: alpha(opacity=0); transition: ease-in-out .2s;}
.index .floor_2_main .box1 li .on span{display: block; width: 40px; height: 40px; background: #fff; text-align: center; line-height: 38px; border-radius: 100%; color: #e5322d; font-size: 28px; position: absolute; top: 39px; left: 50%; margin-left: -20px; transition: ease-in-out .2s;}
.index .floor_2_main .box1 li .on p{font-size: 18px; position: absolute; width: 100%; left: 0; top: 153px; transition: ease-in-out .2s;}
.index .floor_2_main .box1 li a{display: block; width: 100%; height: 100%;}
.index .floor_2_main .box1 li:hover .on{opacity: 1; filter: alpha(opacity=100);}
.index .floor_2_main .box1 li:hover .on span{top: 69px;}
.index .floor_2_main .box1 li:hover .on p{top: 133px;}
.index .floor_2_main .box1 li:hover h3{opacity: 0; filter: alpha(opacity=0); bottom: -63px;}
.index .floor_2_main .box2{width: 592px; height: 445px; margin-left: 20px;}
.index .floor_2_main .box2 .casebox{width: 592px; height: 445px; overflow: hidden; position: relative;}
.index .floor_2_main .box2 .casebox .hd{height: 15px; overflow: hidden; position: absolute; right: 10px; bottom: 26px; z-index: 1;}
.index .floor_2_main .box2 .casebox .hd ul{overflow: hidden; zoom: 1; float: left;}
.index .floor_2_main .box2 .casebox .hd ul li{float: left; margin-right: 18px;font-size:0; width: 12px; height: 12px; line-height: 12px; text-align: center; background: #fff; cursor: pointer; border-radius: 100%;cursor:pointer;}
.index .floor_2_main .box2 .casebox .hd ul li.on{background: #e5322d; color: #fff;}
.index .floor_2_main .box2 .casebox .bd{position: relative; height: 100%; z-index: 0;}
.index .floor_2_main .box2 .casebox .bd li{zoom: 1; vertical-align: middle; position: relative;}
.index .floor_2_main .box2 .casebox .bd li h3{position: absolute; left: 0; bottom: 0; background: url(../images/case_txt.png) repeat-x; height: 63px; width: 100%; color: #fff; line-height: 53px; font-size: 16px; font-weight: 400; text-indent: 2em;}
.index .floor_2_main .box2 .casebox .bd img{width: 592px; height: 445px; display: block;}
.index .floor_2_main .box2 .casebox .bd li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}

/* 服务支持 */
.index .floor_3_main{margin-bottom:-50px;padding-top:10px;background:#fff;}
.index .floor_3_main .service{position:relative;margin-top:25px;height:387px;background:#fafafa;z-index:12;}
.index .service .bd{position:relative;height:338px;overflow: hidden;}
.index .service .img{float:left;display:block;width:600px;height:336px;cursor: pointer;}
.index .service img{display:block;width:600px;height:338px;}
.index .service .txt{padding-top:60px;padding-left:60px;float:left;width:480px;}
.index .service .txt .tit{font-size:28px;line-height:28px;color:#000;}
.index .service .txt .line{margin-top:20px;display:block;width:60px;height:2px;background:url("../images/z_line.png") no-repeat center center;}
.index .service .txt .desc{margin-top:36px;font-size:14px;line-height:24px;text-align:justify;color:#666;}
.index .service .txt .zmore{margin-top:28px;display:block;width:158px;height:40px;font-size:14px;line-height:40px;text-align:center;border:1px solid #e5322d;color:#e5322d;transition:all ease 0.36s;}
.index .service .txt .zmore:hover{text-indent: 6px;color: #666;background: #f8c770;border-color:#f8c770;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);transition:all ease 0.36s;}
.index .service .bd li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.index .service .bd li:hover .txt .tit{color:#e5322d;}
.index .service .num{position:absolute;top:40px;right:70px;font-family: arial;font-size:75px;color:#e1e1e1;}
.index .service .hd{position:relative;margin-top:-1px;display:block;width:599px;height:50px;background:#2e2e2e;}
.index .service .hd .picbtn{position:absolute;top:0;right:0;}
.index .service .hd .prev{float:left;display:block;width:49px;height:49px;background:url("../images/fprev.png") no-repeat center center;cursor: pointer;}
.index .service .hd .next{float:left;display:block;width:49px;height:49px;background:url("../images/fnext.png") no-repeat center center;cursor: pointer;}
.index .service .hd .prev:hover{background:url("../images/fprev_h.png") no-repeat center center;}
.index .service .hd .next:hover{background:url("../images/fnext_h.png") no-repeat center center;}

/* 荣誉资质 */
.index .floor_4_main{position:relative;height:880px;background:url("../images/f1_bg.jpg") no-repeat center center;}
.index .floor_4_main .index_title .tit{color:#fff;}
.index .floor_4_main .index_title .subtit{color:#fff;}
.index .floor_4{padding-top:50px;}
/**********roundabout**********/
.index .floor_4_main .body .roundabout_box{height: 355px; width: 1200px; margin: 90px auto 0px; text-align: center; position: relative;}
.index .floor_4_main .body .roundabout-holder{list-style: none; width: 1160px; height: 270px; margin: 0px auto;}
.index .floor_4_main .body .roundabout-moveable-item{font-size: 14px !important; height: 425px; width: 309px; cursor: pointer; position: relative;}
.index .floor_4_main .body .roundabout-moveable-item a{position: relative; opacity: 1; display: block;}
.index .floor_4_main .body .roundabout-moveable-item img{height: 100%; width: 100%; margin: 0; position: relative; z-index: 2;}
.index .floor_4_main .body .roundabout-in-focus{cursor: auto; border: 0 none;}
.index .floor_4_main .roundabout-in-focus000:hover{-webkit-box-shadow: 0px 0px 20px #787878;}
.index .floor_4_main .body .roundabout-holder .text{color: #333; display: none; position: relative; z-index: 3; line-height: 63px; font-size: 18px; text-align: center;}
.index .floor_4_main .body .roundabout-holder .text b{color: #000; display: block; font-weight: normal; font-size: 18px;}
.index .floor_4_main .body .roundabout-in-focus .text{display: block;}
.index .floor_4_main .body .roundabout-in-focus000:hover span{display: inline; position: absolute; bottom: 5px; right: 5px; padding: 8px 20px; background: #f9f9f9; color: #3366cc; z-index: 999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; border-left: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa;}
.index .floor_4_main .body .roundabout a:active,
.index .floor_4_main .body .roundabout a:focus,
.index .floor_4_main .body .roundabout a:visited{outline: none; text-decoration: none;}
.index .floor_4_main .body .roundabout li{margin: 0;}
.index .floor_4_main .body .roundabout li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.index .floor_4_main .prev1,
.index .floor_4_main .next1{display: block; width: 41px; height: 41px; overflow: hidden; cursor: pointer; position: absolute; left: -90px; background:url("../images/hprev.png") no-repeat center center; top: 50%; margin-top: -50px; transition: ease-in-out .2s;}
.index .floor_4_main .next1{background:url("../images/hnext.png") no-repeat center center; left: auto; right: -80px;}
.index .floor_4_main .prev1:hover{transform: translateX(-10px);}
.index .floor_4_main .next1:hover{transform: translateX(10px);}
.index .floor_4_main .amore{margin-top:60px;}

/* 关于我们 */
.index .floor_5_main{padding-top:126px;padding-bottom:70px;background:#f5f5f5;}
.index .about_main{height:430px;background:#fff;box-shadow: 3px 0 8px rgba(0,0,0,0.1);border-radius:1px;}
.index .about_main .left{position:relative;width:600px;height:100%;}
.index .about_main .aimg{position:relative;display:block;}
.index .about_main .aimg img:before{content: "";width: 100%;height: 100%;position: absolute;left:0;z-index: 1;}
.index .about_main .aimg img{position:absolute;top:-48px;left:0;display:block;width:600px;height:350px;}
.index .about_main .aimg:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.index .about_main .left ul{display: inline-block;*display: inline;*zoom: 1;text-align: center;padding-top: 330px;}
.index .about_main .left ul li{padding-left:30px;padding-right:40px;float:left;}
.index .about_main .left ul li h3{position:relative;font-family: arial;font-size:42px;line-height:36px;color:#333;}
.index .about_main .left ul li h3 span{display:block;position:absolute;top:-6px;right:-16px;margin-left:6px;font-family: microsoft yahei;font-size:14px;font-weight:bold;color:#333;}
.index .about_main .left ul li h4{margin-top:8px;font-size:16px;color:#666;font-weight:400;text-align:left;text-indent:6px;}
.index .about_main .left ul li:nth-child(2) h3 span{width:28px;right:-33px;}
.index .about_main .left ul li:nth-child(3) h3 span{font-size:28px;right:-20px;} 
.index .about_main .right{float: right;width:550px;}
.index .about_main .txt{padding-top: 70px;}
.index .about_main .txt h3{font-weight:bold;font-size: 40px;color:#000;background: url(../images/atitline.png) 180px center no-repeat;}
.index .about_main .txt h4{margin-top:20px;font-size:18px;line-height:20px;color:#666;}
.index .about_main .txt p{padding-top:36px;padding-right:60px;font-size:14px;line-height:28px;text-align:justify;color:#666;}
.index .about_main .btn{margin-top:50px;}
.index .about_main .btn a{float:left;display:block;width:158px;height:42px;line-height:42px;text-align:center;border:1px solid #e5322d;transition: all ease 0.3s;}
.index .about_main .btn a.dmore{margin-right:14px;background:#e5332e;color:#fff;transition: all ease 0.3s;}
.index .about_main .btn a.wx{color:#e5322d;}
.index .about_main .btn a:hover{text-indent: 6px;color: #666;background: #f8c770;border-color:#f8c770;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);transition:all ease 0.36s;}



/* 工程师 */
.index .floor_6_main{background:#f5f5f5;}
.index .floor_6_main .faculty{padding-bottom:80px;height:498px;overflow: hidden;}
.index .floor_6_main .engineer{padding-top:35px;padding-left:15px;position:relative;height:452px;}
.index .floor_6_main .faculty .bd{float:left;position:relative;width:900px;overflow: hidden;}
.index .floor_6_main .faculty .bd .list{position:relative;width:900px;height:452px;overflow: hidden;}
.index .floor_6_main .faculty .bd .item{position:relative;transition:all ease 0.36s;}
.index .floor_6_main .faculty .bd .item .a1{display:block;height:358px;}
.index .floor_6_main .faculty .bd .item .img{position:relative;float:left;display:block;width:312px;height:414px;box-shadow: 1px 0 1px rgba(0, 0, 0, 0.05);background:#fff;border:1px solid #b5b5b5;}
.index .floor_6_main .faculty .bd .item img{padding-top:7px;padding-left:6px;display:block;width:300px;height:auto;}
.index .floor_6_main .faculty .bd .item .img:before{content: "";width: 100%;height: 100%;position: absolute;left:0;z-index: 1;}
.index .floor_6_main .faculty .bd .item .txt{padding-top:50px;float:left;width:400px;margin-left:60px;}
.index .floor_6_main .faculty .bd .item .txt .t_name{font-weight:bold;font-size:32px;line-height:32px;color:#000;}
.index .floor_6_main .faculty .bd .item .txt .job_title{padding-top:14px;font-size:18px;line-height:18px;color:#000;}
.index .floor_6_main .faculty .bd .item .txt .job_title span{margin-right:6px;}
.index .floor_6_main .faculty .bd .item .txt .works_ex{margin-top:24px;font-size:24px;line-height:26px;color:#000;}
.index .floor_6_main .faculty .bd .item .txt .works_ex span{color:#000;}
.index .floor_6_main .faculty .bd .item .txt .intro{margin-top:30px;color:#666;font-size:14px;line-height:26px;}
.index .floor_6_main .faculty .bd .item .txt .intro p{font-size:14px;line-height:26px;color:#000;}
.index .floor_6_main .faculty .bd .item .txt .intro p span{display:block;}
.index .floor_6_main .faculty .bd .item .a2{position:absolute;bottom:50px;left:370px;display:block;width:240px;height:45px;font-size:16px;line-height:45px;text-align:center;color:#fff;background:#e5342f;transition: all ease 0.3s;}
.index .floor_6_main .faculty .bd .item .a2:hover{text-indent: 6px;transition: all ease 0.3s;color:#666;background: #f1a22c;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}
.index .floor_6_main .faculty .bd .item:hover{transition:all ease 0.36s;transform:translateY(3px);}
.index .floor_6_main .faculty .bd .item:hover .img:before{animation: gradient-rectangle 1s 1;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.index .floor_6_main .faculty .bd .item:hover .txt .t_name{color:#e5342f;}
.index .floor_6_main .faculty .smallimg{float:right;width:224px;height:430px;overflow: hidden;}
.index .floor_6_main .faculty .hd{position:relative;float:right;width:224px;height:430px;}
.index .floor_6_main .faculty .hd .imglist{width:224px;height:430px;overflow: hidden;}
.index .floor_6_main .faculty .hd .icolist{position:absolute;top:0;width:224px!important;height:auto;}
.index .floor_6_main .faculty .hd li{margin-top:20px;position:relative;display:block;width:224px;height:120px;cursor:pointer;}
.index .floor_6_main .faculty .hd li:first-child{margin-top:10px;}
.index .floor_6_main .faculty .hd .img{position:absolute;top:0;right:0;float:left;display:block;width:120px;height:120px;border-radius:3px;overflow:hidden;}
.index .floor_6_main .faculty .hd .img img{position:absolute;top:14px;bottom:0;right:0;left:0;margin:auto;max-width:100%;}
.index .floor_6_main .faculty .hd .number{opacity:0;filter:alpha(opacity=0);position:absolute;top:20px;right:15px;display:block;width:205px;height:87px;border:2px solid #e5332e;border-radius:2px;z-index:12;}
.index .floor_6_main .faculty .hd .number .num{padding-top:20px;padding-left:24px;font-weight:bold;font-family:arial;font-size:50px;line-height:38px;color:#e5332e;}
.index .floor_6_main .faculty .hd .number .line{margin-top:12px;margin-left:30px;display:block;width:20px;height:3px;background:#e5332e;}
.index .floor_6_main .faculty .hd li.on .number{opacity:1;filter:alpha(opacity=1);}

.index .floor_6_main .faculty .picBtn{position:absolute;right:50px;height:440px;z-index:12;}
.index .floor_6_main .faculty .picBtn .prev{position:absolute;top:-30px;right:-20px;display:block;width:68px;height:39px;background:url("../images/eprev.png") no-repeat center center;cursor:pointer;}
.index .floor_6_main .faculty .picBtn .next{position:absolute;bottom:-20px;right:-20px;display:block;width:68px;height:39px;background:url("../images/enext.png") no-repeat center center;cursor:pointer;}


/* 新闻资讯 */
.index .floor_7_main{padding-bottom:80px;background:#fff;}
.index .floor_7_main .news{margin-top:15px;position: relative;}
.index .floor_7_main .news li{margin-right:22px;float:left;display:block;width:385px;height:385px;background:#f8f8f8;transition:all ease 0.36s;}
.index .floor_7_main .news li a{display:block;}
.index .floor_7_main .news li .img{display:block;width:385px;height:213px;overflow: hidden;}
.index .floor_7_main .news li img{display: block;width: 385px;height: 215px;transition: all .36s ease;}
.index .floor_7_main .news li .txtBox{width: 343px;height: 108px;border: #ddd solid 1px; border-top: none;padding: 30px 20px;}
.index .floor_7_main .news li .time{display:block; float:left; width:74px; text-align:right; font-size:14px; color:#999; line-height:14px; position:relative;}
.index .floor_7_main .news li .time .day{display:block; font-family:arial;font-size:26px; color:#333; line-height:26px; padding-bottom:6px;}
.index .floor_7_main .news li .time i{display:block; width:30px; height:5px; position:absolute; right:0; top:90px; background:url("../images/arr_bottom.png") no-repeat center center;}
.index .floor_7_main .news li .txt{float:right; width:240px; font-size:18px; color:#333; line-height:24px;}
.index .floor_7_main .news li .txt .tit{font-size:18px; color:#333;}
.index .floor_7_main .news li .txt .desc{display:block; font-size:14px; color:#999; line-height:22px; padding-top:12px;}
.index .floor_7_main .news li:hover{ background-color:#fff; box-shadow:1px 0px 5px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.index .floor_7_main .news li:hover .txtBox{border-color:#fff;}
.index .floor_7_main .news li:hover .time .day{color:#e5322d;}
.index .floor_7_main .news li:hover .txt .tit{color:#e5322d;}
.index .floor_7_main .news li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.index .floor_7_main .hd{position:absolute;top:170px;width:100%;}
.index .floor_7_main .hd .prev{position:absolute;left:-74px;display:block;width:41px;height:41px;background:url("../images/nprev.png") no-repeat center center;cursor: pointer;}
.index .floor_7_main .hd .next{position:absolute;right:-74px;display:block;width:41px;height:41px;background:url("../images/nnext.png") no-repeat center center;cursor: pointer;}
.index .floor_7_main .hd .prev:hover{background:url("../images/nprev_h.png") no-repeat center center;}
.index .floor_7_main .hd .next:hover{background:url("../images/nnext_h.png") no-repeat center center;}
.index .floor_7_main .amore{margin-top:60px;}

/*index css end*/

.links_main{width:100%;height:40px;background:url("../images/fLink.png") no-repeat center center;}
.links_main b{float:left;font-size:18px;font-weight:normal;line-height:40px;color:#fff;}
.links_main li{float:left;margin-left:60px;}
.links_main li a{font-size:18px;line-height:40px;color:#fff;}
.links_main li a:hover{color:#ffdc46;opacity: 0.9;filter:alpha(opacity=90);}

/*友情链接 start*/
.links_main{margin-top:0;background:#f5f5f5; line-height: 34px; padding-bottom: 15px; padding-top: 15px; height: 34px;}
.links_main b{float:left;font-weight:normal;font-size: 20px; margin-right: 40px; vertical-align: bottom;color:#666;}
.links_main .list{float:left;}
.links_main li{float:left;}
.links_main a{display: inline-block; width: 80px; height: 34px; line-height: 34px; background: url(../images/links.png) no-repeat; font-size: 16px; padding-left: 40px; margin-right: 10px; transition: ease-in-out .2s;}
.links_main a:hover{transform: translateY(-5px);}
/*友情链接 end*/

/* 底部地图信息 */
.footer-adds{overflow: hidden;}
.footer-box{margin-bottom:2%;border-top: 1px solid #e9e9e9;}
.footer-box .pull-left{float:left;}
.footer-box .pull-right{float:right;}
.footer-box .f-cb{padding-top:25px;zoom:1;}
.footer-box .f-cb .f-list.list1{width:39.5%;}
.footer-box .f-cb .f-list .iconfont{display:block;width:55px;height:55px;margin-right:36px;line-height:55px;font-size:30px;background-color:#e5322d;color:#fff;text-align:center;}
.footer-box .f-cb .f-list.list1 .iconfont{background:url("../images/iconfont1.png") no-repeat center center;}
.footer-box .f-cb .f-list.list2 .iconfont{background:url("../images/iconfont2.png") no-repeat center center;}
.footer-box .f-cb .f-list.list3 .iconfont{background:url("../images/iconfont3.png") no-repeat center center;}
.footer-box .f-cb .text-box{color:#272725;}
.footer-box .f-cb .text-box .title{padding: 4px 0 10px;font-size: 18px;}
.footer-box .f-cb .text-box .text{font-size: 16px;color: #a1a1a1;}
.footer-box .f-cb .text-box .text.num{font-size:18px;font-family: arial;color:#a1a1a1;}


/* Underline From Center1 */
.hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #e5322d; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1.hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover,
.hvr-underline-from-center1.hover{*height: 43px; *border-bottom: 2px solid #e5322d; *line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}

/*rightFix*/
.rightFix{width: 65px; position: fixed; right: 10px; top: 50%; margin-top: -120px; z-index: 999;}
.rightFix a{width: 65px; height: auto; background: #e5322d; text-align: center; display: block; margin-bottom: 1px; position: relative; padding-top: 8px; border-radius: 5px; padding-bottom: 5px;}
.rightFix a h3{color: #fff; font-weight: 400; font-size: 12px;}
.rightFix .ico{width: 32px; height: 32px; display: block; position: relative; overflow: hidden; transition: all ease 300ms; margin: 0 auto; margin-bottom: 1px; padding: 0px; background: url(../images/fix-ico.png) no-repeat 0 0;}
.rightFix .img{width: 110px; height: auto; position: absolute; left: -10px; top: 0; padding: 6px; background: #ff9b00; border: 1px solid #ddd; background: #fff; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 5px; color: #333; padding-bottom: 10px;}
.rightFix .img p{padding-top: 5px;}
.rightFix a:hover .img{opacity: 1; filter: alpha(opacity=100); left: -140px; display: block;}
.rightFix .img img{width: 110px; height: 110px;}
.rightFix a span{width: 210px; text-align: center; height: 62px; line-height: 62px; position: absolute; left: -78px; top: 0px; background: #ff9b00; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 7px 0 0 7px;}
.rightFix a:hover{background-color: #ff9b00; overflow: visible;}
.rightFix a:hover h3{color: #fff;}
.rightFix a.fix-ewm:hover img{opacity: 1; filter: alpha(opacity=100); left: -140px;}
.rightFix a:hover span{opacity: 1; filter: alpha(opacity=100); left: -215px;}
.rightFix .fix-tel:hover .ico{background-position: -32px 0;}
.rightFix .fix-xcx .ico{background-position: 0 -32px;}
.rightFix .fix-xcx:hover .ico{background-position: -32px -32px;}
.rightFix .fix-ewm .ico{background-position: 0px -64px;}
.rightFix .fix-ewm:hover .ico{background-position: -32px -64px;}
.rightFix .mess .ico{background-position: 0 -96px;}
.rightFix .mess:hover .ico{background-position: -32px -96px;}
.rightFix .fix_top .ico{background-position: 0 -128px;}
.rightFix .fix_top:hover .ico,
.rightFix .fix_top.hover .ico{background-position: -32px -128px;}
.rightFix .fix-form{background-position: 10px -234px;}
.rightFix .fix-form span{font-size: 14px; line-height: 23px; width: 180px;}
.rightFix .fix-form:hover{background-position: -37px -234px;}
#newBridge .pc-group-icon-style{left: 0px !important;;}


.ewmbox{width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none;}
.ewmbox .close{width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms;}
.ewmbox .close:hover{transform: rotate(180deg);}
.ewmbox img{width: 260px; height: 260px; display: block; margin: 0 auto 10px;}
.dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}

@-webkit-keyframes gradient-rectangle {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        background: linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -webkit-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -moz-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
        background: -o-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
        background: -ms-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        opacity: 1;
        
      }
    
      100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
        background: linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -webkit-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -moz-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
        background: -o-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
        background: -ms-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        opacity: 0;
      }
     
    }